<div id="servicesInformation" style="height: 355px;margin-top: -5px;">
    <div id="service1Abstract" style="height:220px;width: 879px;
         background:url(styles/images/box1_bg.jpg) 0px 0px no-repeat; padding-top: 30px;
         padding-left: 10px;padding-right: 10px;">
        <div id="services"  style="color:#e2e2e2;font-weight: bolder;font-size: 20px;
             line-height: 50px;margin-left: 20px;">
            <div style="padding-top: 0px;
                 width: 400px;">
                <span class="bprsLabel"  onclick="showServiceAbstract(2);"
                      style=" cursor: pointer;">${bprs}</span>
            </div>
            <div  style="width: 400px;">
                <span class="webDesignLabel" onclick="showServiceAbstract(3);"
                      style=" cursor: pointer;">${webDesign}</span>
            </div>
            <div  style="width: 400px;">
                <span class="enterpriseInformationConstructionLabel"
                      onclick="showServiceAbstract(4);"
                      style=" cursor: pointer;">
                    ${enterpriseInformationConstruction}</span></div>
            <div style="width: 400px;">
                <span class="customSoftwareSolutionsLabel" onclick="showServiceAbstract(5);"
                      style=" cursor: pointer;">
                    ${customSoftwareSolutions}</span>
            </div>
        </div>
    </div>
    <div id="service2Abstract" style="height:220px;width: 879px;display: none;
         background:url(styles/images/bgElement.jpg) 0px 0px no-repeat;
         padding-top: 30px;
         padding-left: 10px;padding-right: 10px;">
        <span class="bprsLabel" style=" font-size: 18px; line-height: 50px;
              font-weight: bold;color: #eae4e0">${bprs}</span>
        <div style="color:rgb(204, 204, 204);"><span class="bprsIntroductionAbstractLabel">${bprsIntroductionAbstract}</span>
        </div>
        <div><p style=" line-height: 50px;color:#99CC33;cursor: pointer">
                <a class="learnMoreLabel"
                   onclick="gotoServiceIntroduction('bprsIntroduction');">${learnMore}</a></p>
        </div>
    </div>
    <div id="service3Abstract" style="height:220px;width: 879px;display: none;
         background:url(styles/images/bgElement.jpg) 0px -250px no-repeat;
         padding-top: 30px;
         padding-left: 10px;padding-right: 10px;">
        <span class="webDesignLabel" style=" font-size: 18px; line-height: 50px;
              font-weight: bold;color:#eae4e0">${webDesign}</span>
        <div style="color:rgb(204, 204, 204);"><span class="webDesignIntroductionAbstractLabel">
                ${webDesignIntroductionAbstract}</span></div>
        <div><p style=" line-height: 50px; color: #FF9900;cursor: pointer">
                <a class="learnMoreLabel"
                   onclick="gotoServiceIntroduction('webdesignIntroduction');">${learnMore}</a>
            </p></div>
    </div>
    <div id="service4Abstract" style="height:220px;width: 879px;display: none;
         background:url(styles/images/bgElement.jpg) 0px -500px no-repeat;
         padding-top: 30px;
         padding-left: 10px;padding-right: 10px;">
        <span class="enterpriseInformationConstructionLabel" style=" font-size: 18px;
              line-height: 50px;font-weight: bold;color: #eae4e0">
            ${enterpriseInformationConstruction}
        </span>
        <div style="color:rgb(204, 204, 204);"><span class="enterpriseInformationConstructionIntroductionAbstractLabel">
                ${enterpriseInformationConstructionIntroductionAbstract}</span></div>
        <div><p style=" line-height:50px;color:#00CCFF;cursor: pointer">
                <a class="learnMoreLabel"
                   onclick="gotoServiceIntroduction('enterpriseInformationConstruction');">
                    ${learnMore}</a></p></div>
    </div>
    <div id="service5Abstract" style="height:220px;width: 879px;display: none;
         background:url(styles/images/bgElement.jpg) 0px -750px no-repeat;
         padding-top: 30px;
         padding-left: 10px;padding-right: 10px;">
        <span class="customSoftwareSolutionsLabel" style=" font-size: 18px;
              line-height: 50px;font-weight: bold;color: #eae4e0">
            ${customSoftwareSolutions}</span>
        <div style="color:rgb(204, 204, 204);"><span class="customSoftwareSolutionsIntroductionAbstractLabel">
                ${customSoftwareSolutionsIntroductionAbstract}</span></div>
        <div><p style=" line-height: 50px;color: #FFCC00;cursor: pointer">
                <a class="learnMoreLabel"
                   onclick="gotoServiceIntroduction('softwaresolutionsIntroduction');">
                    ${learnMore}</a></p></div>
    </div>
    <table id="servicesTab" style="margin-top: 0px;margin-left: 0px;height: 105px;
           cursor: pointer;" border="0px" cellpadding="0px" cellspacing="0px" >
        <tr>
            <td valign="top">
                <img src="styles/images/verLine.png" width="1px" height="105px"
                     alt="image not found"/>
            </td>
            <td valign="top">
                <div id="service1" title="${services}" class ="servicesLabel"
                     onclick="showServiceAbstract(1);"
                     style="background: url(styles/images/servicesIcon.jpg) 0px -210px;
                     width: 179px; height: 105px;">
                </div>
            </td>
            <td valign="top">
                <img src="styles/images/verLine.png" width="1px" height="105px"
                     alt="image not found"/>
            </td>
            <td valign="top">
                <div id="service2" title="${bprs}" class="bprsLabel"
                     onclick="showServiceAbstract(2);"
                     style="background: url(styles/images/servicesIcon.jpg) -179px 0px;
                     width: 179px; height: 105px;">
                </div>
            </td>
            <td valign="top">
                <img src="styles/images/verLine.png" width="1px" height="105px"
                     alt="image not found"/></td>
            <td valign="top">
                <div id="service3" title="${webDesign}" class="webDesignLabel"
                     onclick="showServiceAbstract(3);"
                     style="background: url(styles/images/servicesIcon.jpg) -358px 0px;
                     width: 178px; height: 105px;">
                </div>
            </td>
            <td valign="top">
                <img src="styles/images/verLine.png" width="1px" height="105px"
                     alt="image not found"/></td>
            <td valign="top">
                <div id="service4" title="${enterpriseInformationConstruction}"
                     class="enterpriseInformationConstructionLabel"
                     onclick="showServiceAbstract(4);"
                     style="background: url(styles/images/servicesIcon.jpg) -537px 0px;
                     width: 178px; height: 105px;">
                </div>
            </td>
            <td valign="top">
                <img src="styles/images/verLine.png" width="1px" height="105px"
                     alt="image not found"/></td>
            <td valign="top">
                <div id="service5" title="${customSoftwareSolutions}"
                     class="customSoftwareSolutionsLabel"
                     onclick="showServiceAbstract(5);"
                     style="background: url(styles/images/servicesIcon.jpg) -716px 0px;
                     width: 178px; height: 105px;" >
                </div>
            </td>
            <td valign="top">
                <img src="styles/images/verLine.png" width="1px" height="105px"
                     alt="image not found"/>
            </td>
        </tr>
    </table>
    <!--/div-->
    </div>
<div id="temIntroduction" style=" margin-top:10px;">
    <span class="teamIntroductionLabel">${teamIntroduction}</span>
</div>
